<script setup>
import _ from "lodash";
import {useCommonStore} from "@jzl/stores";
import {computed, onBeforeMount, onMounted, watch} from "vue";
import {useRoute, useRouter} from 'vue-router'

const route = useRoute()
const router = useRouter()

const init = async () => {
  await useCommonStore().initLoginUser()
}

onMounted(() => {
  init()
})

</script>

<template>
  <div class="work-container" layout="horizontal">
    <transition name="fade">
      <RouterView
        transition="fade"
        transition-mode="out-in"
        keep-alive
      />
    </transition>
  </div>
</template>

<style lang="scss">

.work-container {
  background: #FAFAFA;
  height: 100%;
  display: flex;
  flex-flow: column;

  .jzlpage-container {
    width: 100%;
    height: 100%;
    padding: 10px;
  }
}

</style>
